						<h1>Sliders, Progressbar, Dialogs!</h1>

						<div class="pad20">

							<p><a href="#" class="button tooltip" title="Click me to open the dialog!" id="dialog_link"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>

							<!-- Dialog -->

							<div id="dialog" title="Welcome message!">

								<p>Welcome to <b>Wide Admin</b>!</p>

								<p>Wide Admin is one powerful customizable backend user interface. Check the demo to see what it can do!</p>

								<p>And this is a custom message text that you can modify to fit your needs.</p>

							</div>

							<!-- End of Dialog -->

			

							<h2 class="demoHeaders">Slider</h2>

							<!-- Slider -->

							<div id="slider"></div>

							<!-- End of Slider -->

							

							<h2 class="demoHeaders">Progressbar</h2>

							<!-- Progressbar -->	

							<div id="progressbar"></div>

							<!-- End of Progressbar -->

							

						</div>	

						
